.mask {
  @apply fixed left-0 top-0 w-screen h-screen bg-black-60 flex flex-col justify-end;
  z-index: var(--modal-index);

  .content {
    @apply w-screen bg-bg px-4 pt-7 relative;
    padding-bottom: 8.75rem;
    animation: fadein 0.3s ease;

    .title {
      @apply text-base leading-5 font-medium text-white pr-10;
      font-family: Alibaba PuHuiTi 2;
    }

    .overview {
      @apply text-white-60 text-sm leading-5 pt-5;
    }

    .close {
      @apply h-6 w-6 absolute top-6 right-5;
      border: 1px solid #fff;
      border-radius: 50%;
    }
  }
}

@keyframes fadein {
  0% {
    transform: translateY(100vh);
  }

  100% {
    transform: translateY(0);
  }
}
